<mat-card class="h-100 pt-0">
  <div class="row h-100">
    <div class="col-7 h-100">
      <app-vulnerability-items-table (toggleChartView)="toggleChartView($event)" [domains]="domains"
                                     [rowData]="vulnerabilities"></app-vulnerability-items-table>
    </div>

    <ng-container *ngIf="pieChartView; else detailsViewTemplate">
      <div class="col-5 h-100" style="padding-top: 5px">
        <app-vulnerability-items-charts></app-vulnerability-items-charts>
      </div>
    </ng-container>
    <ng-template #detailsViewTemplate>
      <div class="col-5" style="padding-top: 22px; max-height: 100%">
        <app-vulnerability-items-details></app-vulnerability-items-details>
      </div>
    </ng-template>
  </div>
</mat-card>
